<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>颜色</title>
  <style>
.c1{
  color:red;
}
.c2{
  color:#00ff00;
}
.c3{
  /*
  rgb函数针对的是十进制的颜色值
  参数有三个表示红绿蓝的颜色成度
  每个参数取值范围为0~255
  */
  color:rgb(0,0,255);
}
.c4{
  /*
  rgba函数与rgb函数基本用法一致
  只是多了四个表示透明度的参数
  透明度取值0~1
  */
  color:rgba(255,0,0,0.5);
}


  </style>
</head>
<body>
<p class="c1">di1个段落</p>
<p class="c2">di2个段落</p>
<p class="c3">di3个段落</p>
<p class="c4">di4个段落</p>
</body>
</html>